<div class="info">
	<div class="item-content">
		JS Template is a jQuery plugin which can be used to convert an array of simple json objects (basically key/value pair)
		into an array of HTML structures. An HTML structure is created for each json object.
	</div>

	<div class="item-content-info">
		<div class="info-item">
			Access JS Template plugin by using the global variable jsTemplate. It exposes only constructHtml method which takes a 
			template markup and a json object.<br/><br/>
			API:<br/>
			-<span class="indent4px">constructHtml(string template, object json)</span>
		</div>
		
		<table class="indent4px info-item">
			<tr valign="top">
				<th>Parameter</th>
				<th class="nowrap">Parameter Type</th>
				<th class="nowrap">Default Value</th>
				<th>Description</th>
			</tr>
			<tr valign="top">
				<td>template<span class="mandatory">*</span></td>
				<td class="nowrap">String</td>
				<td class="nowrap">-</td>
				<td>This argument is mandatory. The template is marked with templateKey's which would be dynamically replaced with the value of the property 
				found in the json object. An example of a template would be as follows -
<pre>
	&lt;div id="{@:email}"&gt;
		&lt;div&gt;{@:name}&lt;/div&gt;
		&lt;div&gt;{@:email}&lt;/div&gt;
	&lt;/div&gt;
</pre>
				Here {@:email}, {@:name} are templateKey's', where 'email' and 'name' are properties in the json object, whose value 
				would be used over here.
				</td>
			</tr>
			<tr valign="top">
				<td>jsonObjects<span class="mandatory">*</span></td>
				<td class="nowrap">array</td>
				<td class="nowrap">-</td>
				<td>This argument is mandatory. This is basically an array of simple json objects. An example would be
<pre>
[
	{"name": "name one", "email": "name.one@email.com"},
	{"name": "name two", "email": "name.two@email.com"}
]
</pre>
				</td>
			</tr>
		</table>
		
		<div class="info-item">
			Usage:&nbsp;<span class="demo x-jsTemplate">Demo</span><br/>
<pre>
	var htmlStructure = jsTemplate.constructHtml(template, jsonObjects);<br/>
	<i>returns a html structure constructed using the template and the json.</i>
</pre>
		</div>
		
		<div class="info-item">
			Download:<br/>
			-<span class="indent4px">
				<a href="JSTemplate/plugin/js-template-plugin.js" target="_blank">js-template-plugin.js</a>
			</span><br/>
		</div>
		
		<div class="info-item">
			Tags:<br/>
			-<span class="indent4px">jQuery plugin / JavaScript Template</span>
		</div>
	</div>
</div>